<template>
  <div class="about">
    <h1  style="text-align:center;margin-top:1em;">这是个演示demo(vue2+elementUI+django+drf)，<span style="color:red;">请不要信任其中的任何数据</span></h1>
    <p style="margin-left:1em;">本站功能如下，欢迎尝试：</p>
    <el-tree :data="data" style="margin:3em;">

    </el-tree>
  </div>
</template>
<script>
export default{
  data(){
    return {
      data:[
        {label:'用户管理',children:[
          {label:'注册'},
          {label:'登入/登出'},
          {label:'jwt鉴权'},
          {label:'密码修改'},
          {label:'安全邮箱验证'},
          {label:'密码重置'},
          {label:'用户信息',children:[
            {label:'查看'},{label:'基本信息修改'},{label:'头像上传'},
          ]},
          {label:'关注/取消关注'},
          
        ]},
        {label:'文章管理',children:[
          {label:'创建'},
          {label:'删除'},
          {label:'查看'},
          {label:'收藏'},
          {label:'点赞'},
        ]},
        {label:'评论管理',children:[
          {label:'创建'},
          {label:'删除'},
          {label:'多级查看'},
          {label:'点赞'},
        ]},
        {label:'通知管理',children:[
          {label:'通知用户'},
          {label:'用户标记通知为已读'}
        ]},
      ]
    }
  }
}
</script>
